    <link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/application/contacts.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Contacts &rarr; <span>Relationship</span></h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
    	
		<!-- Wrapper -->
		<div class="wrapper">
			
            <p>&nbsp;</p>	
					
            <div class="leading clearfix">
                <div class="column width3 first">

					<!-- overview box -->
                    <div class="overview content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Overview</h3>
                        </header>
                        <section>
                            <div class="column first ta-center">
                                <img src="<?= $this->config->item('webroot') ?>images/preview-not-available-medium.gif" alt="" />
                            </div>
                            <div class="column">
                                <b class="big">BMW Philippines</b><br/>
                                Customer, Supplier, Prospect
                                
                                <p>+63-32-555-5555<br />+63-922-555-5555</p>
                                <hr />
                            </div>
                            <div class="column first">
                                <table>
                                	<tr>
                                    	<td>Relationship Start Date:</td>
                                    	<td>12/05/1981</td>
                                    	<td>&nbsp;</td>
                                    </tr>
                                	<tr>
                                    	<td>Last Presentation:</td>
                                    	<td>1/15/2005</td>
                                    	<td>Leo Ypil</td>
                                    </tr>
                                	<tr>
                                    	<td>Last Follow up:</td>
                                    	<td>3/15/2005</td>
                                    	<td>Raul Aquino</td>
                                    </tr>
                                	<tr>
                                    	<td>10/3/2010</td>
                                    	<td>1.4 M</td>
                                    	<td>PO#20302</td>
                                    </tr>
                                </table>                                  
                                <p><b>Contact Persons:</b><br />
                                Borromeo, Fabby<br />
                                Aboitiz, Fabby</p>                                  
                            </div>
                        </section>
                    </div>
                    
					<!-- results box -->
                    <div class="results content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Results</h3>
                        </header>
                        <section>
                            <div class="column first">
                                <table>
                                	<tr>
                                    	<td>Introduction to Presentation:</td>
                                    	<td>3 MO</td>
                                    	<td>&nbsp;</td>
                                    </tr>
                                	<tr>
                                    	<td>Presentation to Job #1:</td>
                                    	<td>1 MO</td>
                                    	<td>&nbsp;</td>
                                    </tr>
                                	<tr>
                                    	<td>Cost of Rel. building to Job #1:</td>
                                    	<td>12,000</td>
                                    	<td>Job #1 NET 10,000</td>
                                    </tr>
                                	<tr>
                                    	<td>Larget Job awarded:</td>
                                    	<td>1.4 M</td>
                                    	<td>PO #10302 2/1/08</td>
                                    </tr>
                                </table>                                  
                            </div>
                        </section>
                    </div>
                    
					<!-- totals box -->
                    <div class="totals content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Totals</h3>
                        </header>
                        <section>
                            <table>
                                <tr>
                                    <td>Total Relationship Activities:</td>
                                    <td>25</td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>Total Relationship Costs vs Total Transactions:</td>
                                    <td>740,000</td>
                                    <td>13.5 M</td>
                                </tr>
                                <tr>
                                    <td>Total Projects Awarded:</td>
                                    <td>83</td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>Net Profit (Less expenses/Relationship) to date:</td>
                                    <td>12.8 M</td>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>                                  
                        </section>
                    </div>
                    
                </div>
                
                <div class="column width5">

					<!-- graph box -->
                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Graph</h3>
                        </header>
                        <section>
							<div id="placeholder" class="graph width4"></div>
                        </section>
                    </div>
                    
					<!-- relationship building list box -->
                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Relationship Building List</h3>
                        </header>
                        <section>
                            <table id="report" class="stylized full" style="">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Contact Name</th>
                                        <th>Company</th>
                                        <th>Activity</th>
                                        <th>Employee</th>
                                        <th>Cost</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="title">
                                            <div>
                                                <a href="#"><b>Feb 2, 2010 7:30</b></a>
                                                <div class="listingDetails">
                                                    <div class="pad">
                                                        <b>Remarks</b>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Ricky Tablante</td>
                                        <td>San Miguel</td>
                                        <td>Golf - CCC</td>
                                        <td>Nilo Domingo</td>
                                        <td>2000</td>
                                    </tr>
                                    <tr>
                                        <td class="title">
                                            <div>
                                                <a href="#"><b>Feb 2, 2010 7:30</b></a>
                                                <div class="listingDetails">
                                                    <div class="pad">
                                                        <b>Remarks</b>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Ricky Tablante</td>
                                        <td>San Miguel</td>
                                        <td>Golf - CCC</td>
                                        <td>Nilo Domingo</td>
                                        <td>2000</td>
                                    </tr>
                                    <tr>
                                        <td class="title">
                                            <div>
                                                <a href="#"><b>Feb 2, 2010 7:30</b></a>
                                                <div class="listingDetails">
                                                    <div class="pad">
                                                        <b>Remarks</b>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis nisl aliquet erat blandit accumsan. Vestibulum et elementum erat. Nam eget urna nec ipsum egestas feugiat. Maecenas felis nisl, pulvinar et adipiscing eget, venenatis non ipsum. Donec aliquam hendrerit hendrerit. Sed lacus diam, vulputate vel rutrum ut, sollicitudin porta lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean in gravida velit. Curabitur ut nisl justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque nec mauris sem. Nullam a neque sapien. Nunc imperdiet laoreet urna ac varius. Vestibulum sit amet iaculis diam. Pellentesque eu est ac augue fringilla pellentesque.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>Ricky Tablante</td>
                                        <td>San Miguel</td>
                                        <td>Golf - CCC</td>
                                        <td>Nilo Domingo</td>
                                        <td>2000</td>
                                    </tr>
                                </tbody>
                            </table>
                        </section>
                    </div>
                    
					<!-- figures box -->
                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Figures</h3>
                        </header>
                        <section>
							
                        </section>
                    </div>
                    
                </div>
                
                

            </div>
									
		</div>
		<!-- End of Wrapper -->
        
	</div>
	<!-- End of Page content -->
    <script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/contacts.js"></script>


<!-- jQuery graph plugins -->
<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/flot/jquery.flot.selection.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	
	/* flot graphs */
	var sales = [{
		label: 'Earning',
		data: [[1, 0],[2,0],[3,0],[4,0],[5,0],[6,0],[7,900],[8,0],[9,0],[10,0],[11,0],[12,0]]
	},{
		label: 'Expense',
		data: [[1, 0],[2,0],[3,0],[4,0],[5,0],[6,422.10],[7,0],[8,0],[9,0],[10,0],[11,0],[12,0]]
	}
	];

	var plot = $.plot($("#placeholder"), sales, {
		bars: { show: true, lineWidth: 1 },
		legend: { position: "nw" },
		xaxis: { ticks: [[1, "Jan"], [2, "Feb"], [3, "Mar"], [4, "Apr"], [5, "May"], [6, "Jun"], [7, "Jul"], [8, "Aug"], [9, "Sep"], [10, "Oct"], [11, "Nov"], [12, "Dec"]] },
		yaxis: { min: 0, max: 1000 },
		grid: { color: "#666" },
		colors: ["#0a0", "#f00"]			
    });

});
</script>
    

